/*
 * @Author: eee
 * @Date: 2020-11-24 17:45:41
 * @LastEditTime: 2020-12-28 11:18:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \gitee-iframes-template\css\main\main.less
 */
/*  */
@import "../variables/theme.less";
/* common */
@import "../common/basic/basic.less";  // 
@import "../common/margin/margin.less"; // margin相关
@import "../common/padding/padding.less"; // padding相关
@import "../common/flex/flex.less";  // flex相关
/*  布局组件 */
@import "../common/header/header.less";  //头部
@import "../common/sideBar/sideBar.less"; //侧边栏
@import "../common/pageTabs/pageTabs.less"; //tab栏
/* 全局element组件样式调整 */
@import "../element-modify/el-button/button.less"; // el-button样式修改
@import "../element-modify/el-input/input.less"; // el-input样式修改
@import "../element-modify/el-form/form.less"; // el-form样式修改
@import "../element-modify/el-table/table.less"; // el-table样式修改
@import "../element-modify/el-pagination/pagination.less"; // el-pagination样式修改
@import "../element-modify/el-popover/popover.less"; // el-popover样式修改
@import "../element-modify/el-dialog/dialog.less"; // el-dialog样式修改
/* 系统相关 */
@import "../common/sysBasic/sysBasic.less";  //系统相关的通用样式
/* css效果相关 */
@import "../common/effect/fourBorder.less"; // 边框上右下左 
/* 子页面相关 */
@import "../iframe/titleBar/titleBar.less";  // 标题栏
@import "../iframe/filterArea/filterArea.less";  // 筛选区域
/*  */
body {
    background-color:@pageBg;
}
/* 小心有坑 ^_^ */
#zz-main_wrap {
    position:relative;
    min-height:100vh;
    /* width:1366px;
    margin:0 auto;
    overflow:hidden; */
}

/* 内容区域 begin */
.zz-body {
    /* overflow-y:scroll; */
    transition:all .2s ease-in;
    /* 固定定位 */
    &.fixed {
        position: absolute;
        top: (@headerHeight + @tabHeight);
        top:@headerHeight;
        bottom: 0;
        left: @siderWid;
        right: 0;
        z-index: 2;
    }
    /* 不固定定位 */
    &.rel {
        position:relative;
    }
    & > .zz-body-content {
        min-height:100%;
        background-color:@panelBg;
    }
    /* 如果需要显示tab栏 */
    &.tab {
        top: (@headerHeight + @tabHeight); 
    }
    /* tab栏收起时对应的top值 */
    &.tabHide {
        top:@headerHeight;
    }
}
/* 内容区域 end */

/* iframe子页面 */
#zz-main_iframe {
    display:none;
}
.zz-iframe-fluid {
    padding:20px;
}
.zz-iframe-fluid_content {
    min-height:100%;
    background-color:@panelBg;
}

/* 路径导航 begin */
.zz-nav-bar {
    position:relative;
    height:40px;
    padding-left:20px;
    margin-right:17px;
    z-index:2;
    background-color:@panelBg;
    box-shadow: 0px 0px 8px @shadowColor;
}
.zz-nav-bar .nav-bar-item {
    color:#666;
}
.zz-nav-bar .nav-bar-item_name {
    color:#666;
    cursor:pointer;
}
.zz-nav-bar .nav-bar-item_name:hover {
    color:#333;
    text-decoration:underline;
}
.zz-nav-bar .nav-bar-item_separator {
    margin:0 8px;
}
.zz-nav-bar .nav-bar-item:last-of-type .nav-bar-item_separator {
    display:none;
}
/* 路径导航 end */